<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <!-- 上述3个meta标签*必须*放在最前面，任何其他内容都*必须*跟随其后！ -->
    <meta name="viewport"
          content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0,user-scalable=no,minimal-ui">
    <meta name="description" content="">
    <meta name="author" content="">
    <link rel="icon" href="../img/asset-favico.ico">
    <title>评价</title>
    <link rel="stylesheet" href="../css/page-health-login.css"/>
    <link rel="stylesheet" href="../plugins/elementui/index.css"/>
    <script src="../plugins/jquery/dist/jquery.min.js"></script>
    <script src="../plugins/healthmobile.js"></script>
    <script src="../plugins/vue/vue.js"></script>
    <script src="../plugins/vue/axios-0.18.0.js"></script>
    <script src="../plugins/elementui/index.js"></script>
    <style>
        .contentBox{
            width: 100%;
            height: 800px;
            background: url("../img/bg.png");
            text-align: center;
        }
        .btn{
            background-color:red;
            border-radius:7px;
            margin-right: auto;
        }
        .list-column1{
            margin-left: 300px;
            width: 80%;
            text-align: left;
        }
    </style>
</head>
<body>

<div class="app" id="app">
    <!-- 页面头部 -->
    <div class="top-header">
        <span class="f-left"><i class="icon-back" onclick="history.go(-1)"></i></span>
        <span class="center">传智健康</span>
        <span class="f-right"><i class="icon-more"></i></span>
    </div>
    <!-- 页面内容 -->
    <div class="contentBox">
        <div class="list-column1">
            <div id="test">
                <div class="list">
                    <span class="demonstration">对本次体检进行评价</span>
                    <el-rate
                            v-model="value1"
                            :colors="colors">
                    </el-rate>
                    <div>
                        <label for="desc">体检评价：</label><br>
                        <textarea id="desc" name="desc" rows="5" cols="20" placeholder="请写下您的评价及问题"></textarea>
                    </div>
                        <button  @click="submitOrder()" type="button" class="btn" >提交</button>

                </div>
            </div>
        </div>
    </div>
</div>
<script type="text/javascript">
    var vue = new Vue({
        el: '#test',
        data: {
            value1: null,
            colors: ['#99A9BF', '#F7BA2A', '#FF9900']
        },
        methods: {
            //提交预约
            submitOrder() {

                alert("谢谢你的评价");
                setTimeout(() => {
                    location.href = "index.html";
                }, 1000);


            }
        }
    });
</script>
</body>

</html>